@CHARSET "UTF-8";

#user{
    width:270px;
    height: 400px;
    /*background: burlywood;*/
    float: right;
}
#user{
    height: 400px;
    /*background: burlywood;*/
    float: right;
    border: 1px solid #ccc;
}
#user form{

}
#user form label{
    display: block;
    padding: 12px 0 0 10px;
}
#user form input.text{
    width: 180px;
    height: 20px;
    background: #eee;
    border: 1px solid #666;
}
#user form input.code{
    width: 100px;
}
#user form .verifyLabel{
    position: relative;
}

#user form .verifyImg{
    position: absolute;
    right: 25px;
    bottom: 0px;
}
#user form p{
    text-align: center;
    padding: 10px 0 0 0;
}
#user form p input.login{
    width:45px;
    height:20px;
}
#user form p a{
    color:green;
}
#user form p a:hover{
    text-decoration: underline;
}
#user h3{
    padding: 10px  0 10px 10px;
}
#user h3 span{
    color: #ccc;
}
#user dl{
    width: 72px;
    float: left;
    padding: 0 0 8px 10px;
;
}
#user dl dd{
    text-align: center;

}
#news{
    width:380px;
    height: 400px;
    /*background: greenyellow;*/
    margin: 0 10px 10px 0;
    border: 1px solid #ccc;
    padding: 0 10px 0 10px;
    float: right;
}
#news h3{
    font-size: 14px;
    /*background: red;*/
    padding: 10px 0 10px 0;
    text-align: center;
}
#news .link{
    border-bottom: 1px dashed #666;
    padding: 0 0 10px 0;
}
#news .link a{
    color: green;
    display: inline-block;
    padding: 8px 0 0 0;
}
#news h3 a{
    color: #333;
}
#news p a.linkall{
    color: #333;
}

#news ul {
    padding: 5px 10px 0 2px;
}
#news ul li {
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    background: url(../../images/pointer.png) no-repeat left center;
}
#news ul li em{
    font-style: normal;
    float: right;
}
#news ul li a{
    color: #666;
}
#news ul li a:hover{
    text-decoration: underline;
}

#pic{
    width:270px;
    height: 195px;
    float: left;
    border: 1px solid #ccc;
    /*background: chocolate;*/
}
#pic img{
    width:270px;
    height: 195px;
    display: block;
}

#rec{
    border: 1px solid #ccc;
    width:270px;
    height: 195px;
    /*background: chocolate;*/
    float: left;
    margin: 10px 0 10px 0;
}
#rec ul {
    padding: 5px 10px 0 10px;
}
#rec ul li {
    height: 23px;
    line-height: 23px;
    padding: 0 0 0 10px;
    background: url(../../images/pointer.png) no-repeat left center;
}
#rec ul li em{
    font-style: normal;
    float: right;
}
#rec ul li a{
    color: #666;
}
#rec ul li a:hover{
    text-decoration: underline;
}
#sidebar-right{
    width:270px;
    height: 835px;
    /*background: cornflowerblue;*/
    float: right;
    padding: 2px 0 0 0;
    /*margin: 0 0 10px 0;*/
}
#sidebar-right .adver{
    width: 270px;
    height:200px;
    /*background: red;*/
}
#sidebar-right .adver img{
    display: block;
}
#sidebar-right .hot,#sidebar-right .comm,#sidebar-right .vote{
    margin: 10px 0 0 0;
}
#sidebar-right .hot{
    border: 1px solid #ccc;
}
#sidebar-right .hot ul {
    padding: 5px 10px 0 10px;
}
#sidebar-right .hot ul li {
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    background: url(../../images/pointer.png) no-repeat left center;
}
#sidebar-right .hot ul li em{
    font-style: normal;
    float: right;
}
#sidebar-right .hot ul li a{
    color: #666;
}
#sidebar-right .hot ul li a:hover{
    text-decoration: underline;
}

#sidebar-right .comm{
    border: 1px solid #ccc;
}
#sidebar-right .comm ul {
    padding: 5px 10px 0 10px;
}
#sidebar-right .comm ul li {
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    background: url(../../images/pointer.png) no-repeat left center;
}
#sidebar-right .comm ul li em{
    font-style: normal;
    float: right;
}
#sidebar-right .comm ul li a{
    color: #666;
}
#sidebar-right .comm ul li a:hover{
    text-decoration: underline;
}

#sidebar-right .vote{
    height: 204px;
    border: 1px solid #ccc;
}
#sidebar-right .vote h3{
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    color: #369;
    text-align: center;
    padding: 10px 0;
    /*background: red;*/
    border-bottom: 1px dashed #ccc;
}
#sidebar-right .vote label{
    width: 80%;
    margin: 0 auto;
    padding: 5px 0 0 0;
    display: block;
    /*background: red;*/
}
#sidebar-right .vote p{
    text-align: center;
    padding: 15px  0 0 0;
}
#sidebar-right .vote p .vote_btn,#sidebar-right .vote p .view_btn {
    width: 45px;
    height:20px;
}

#picnews{
    width:678px;
    height: 200px;
    /*background: rosybrown;*/
    border: 1px solid #ccc;
    float: left;
}
#picnews dl{
    width: 156px;
    padding: 10px 0 0 11px;
    float: left;
}
#picnews dl dt{
    padding: 2px;
    border: 1px solid #ccc;
}
#picnews dl dd{
    padding: 5px;
    text-align: center;
}
#picnews dl dd a{
    color: #666;
    text-decoration: none;
}
#picnews dl dd a:hover{
    text-decoration: underline;
}

#picnews dl img{
    display: block;
    border: none;
}

#newslist{
    width:680px;
    height: 625px;
    /*background: goldenrod;*/
    float: left;
    margin: 10px  0 10px 0;
}

#newslist .list{
    width: 49%;
    height: 306px;
    float: left;
    border: 1px solid #ccc;
}
#newslist .list h2 span{
    float: right;
    padding: 0 10px 0 0;
}
#newslist .list h2 span a{
    color: green;
    text-decoration: none;
}
#newslist .list h2 span a:hover{
    text-decoration: underline;
}

#newslist .list ul {
    padding: 8px 10px 0 10px;
}
#newslist .list ul li {
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    background: url(../../images/arrow.png) no-repeat left center;
}
#newslist .list ul li em{
    font-style: normal;
    float: right;
}
#newslist .list ul li a{
    color: #666;
}
#newslist .list ul li a:hover{
    text-decoration: underline;
}

#newslist .right{
    float:right;
}
#newslist  .bottom{
    margin: 0 0 10px 0;
}